WWF İçin Sanal Klavye Uygulması
Bu kodları keyboard.asp olarak kaydedin, klavyenin görülmesini istediğiniz sayfaya (login_user.asp) include komutuyla çağırın. Başarılar.
<!--sanal klavye başlangıç-->
</SCRIPT>
<SCRIPT language=javascript>
var D = document
function CheckForm() {
var f = D.frmLogin
f.Submit.value=’Giriş Yapılıyor Bekleyin...’;
f.Submit.disabled=true;
return true
}
function init() {
var f = document.frmLogin
f.Submit.value=’ Devam Et >> ’;
f.Submit.disabled=false;
}
</SCRIPT>
<SCRIPT language=JavaScript>
function mOvr(src,clrOver){
if (!src.contains(event.fromElement)){
src.style.cursor = ’hand’;
src.bgColor = clrOver;
}
}
function mOut(src,clrIn){
if (!src.contains(event.toElement)){
src.style.cursor = ’default’;
src.bgColor = clrIn;
}
} function mOvr2(src,clrOver){
if (!src.contains(event.fromElement)){
src.style.cursor = ’default’;
src.bgColor = clrOver;
}
}
function mOut2(src,clrIn){
if (!src.contains(event.toElement)){
src.style.cursor = ’default’;
src.bgColor = clrIn;
}
}
function mClk(src){
if(event.srcElement.tagName==’TD’)
src.children.tags(’A’)[0].click();
}
</SCRIPT>
<FORM name=password
onreset="return confirm(’Formu temizlemek istediğinizden emin misiniz?’);"
onsubmit="return CheckForm();" action=login_user.asp?ForumID=0 method=post>
<SCRIPT language=JavaScript type=text/javascript>
<!--
DHTML = (document.getElementById || document.all || document.layers)
function vis4(val)
{
if (!DHTML) return;
var f = new getObj(’sanalklavye’);
f.style.visibility = val;
}
function vis5(val)
{
if (!DHTML) return;
var f = new getObj(’sanalklavye’);
f.style.width = 440;
f.style.height = 140;
}
function vis6(val)
{
if (!DHTML) return;
var f = new getObj(’sanalklavye’);
f.style.width = 175;
f.style.height = 22;
f.style.overflow = ’hidden’;
}
function getObj(name)
{
if (document.getElementById)
{
this.obj = document.getElementById(name);
this.style = document.getElementById(name).style;
}
else if (document.all)
{
this.obj = document.all[name];
this.style = document.all[name].style;
}
else if (document.layers)
{
this.obj = document.layers[name];
this.style = document.layers[name];
}
}
-->
</SCRIPT>
<STYLE >#sanalklavye {
BORDER-RIGHT: 1px; PADDING-RIGHT: 1px; BORDER-TOP: 1px; PADDING-LEFT: 1px; FILTER: Alpha(Opacity=70); LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: 1px; WIDTH: 440px; PADDING-TOP: 1px; BORDER-BOTTOM: 1px; POSITION: absolute; TOP: 1px; HEIGHT: 140px
}
</STYLE>
<SCRIPT language=JAVASCRIPT>
is_opera = (navigator.userAgent.toLowerCase().indexOf("opera") != -1);
var curObj = null; /* current object wich be drag */
var mouseY = 0; /* mouse X */
var mouseX = 0; /* mouse Y */
var dx = 0;
var dy = 0;
function dragThis(what){
var tmp;
if (document.all) tmp = document.all[what].style;
else if (document.getElementById) tmp = document.getElementById(what).style;
else if (document.layers) tmp=document.layers[what];
curObj = tmp;
var str = "";
var i=0;
str = tmp.left;
i= (!is_opera) ? str.substr(0,str.length-2) : str;
dx = mouseX - i;
str = tmp.top;
i= (!is_opera) ? str.substr(0,str.length-2) : str;
dy = mouseY - i;
}
function mouseMove(e){
mouseX = (document.all)? event.clientX : e.x;
mouseY = (document.all)? event.clientY : e.y;
if (curObj){
sol = mouseX - dx;
ust = mouseY - dy;
if (sol < 0) {
sol=0;
}
if (sol > (screen.width-200)) {
sol = (screen.width-200);
}
if (ust < 0) {
ust=0;
}
curObj.left = sol;
curObj.top = ust;
}
}
function mouseUp() {
curObj = null;
var sol
var ust
var soli = sol;
var usti = ust; }
if (document.layers)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=mouseMove;
document.onmouseup=mouseUp;
function durum(val)
{
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
if (!DHTML) return;
var f = new getObj(’sanalklavye’);
f.style.height = val;
if (val < 30)
{f.style.overflow = ’hidden’;
var VisitorName= 24;
}
else
{f.style.overflow = ’visible’;
var VisitorName= 100;
}
}
function goster()
{
VisitorName = eval(VisitorName);
if (VisitorName < 30)
{
durum(24);
}
else
{
durum(100);
}
}
function yerayar()
{
if (!DHTML) return;
var sf = new getObj(’sanalklavye’);
sf.style.top = ust;
sf.style.left = sol;
}
</SCRIPT>
<STYLE>A.deneme {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: black 1px solid; WIDTH: 18px; COLOR: black; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center; TEXT-DECORATION: none
}
A.deneme:hover {
TEXT-DECORATION: none
}
A.bosluk {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: black 1px solid; WIDTH: 180px; COLOR: black; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center; TEXT-DECORATION: none
}
A.bosluk:hover {
BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: white 1px solid; WIDTH: 180px; COLOR: #ffffff; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center; TEXT-DECORATION: none
}
A.capslock {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: black 1px solid; WIDTH: 30px; COLOR: black; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center; TEXT-DECORATION: none
}
A.capslock:hover {
BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: white 1px solid; WIDTH: 30px; COLOR: #ffffff; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center; TEXT-DECORATION: none
}
A.sil {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: black 1px solid; WIDTH: 30px; COLOR: black; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center; TEXT-DECORATION: none
}
</STYLE>
<DIV id=sanalklavye
style="border:1px solid black; LEFT: 53px; WIDTH: 440px; TOP: 233px; BACKGROUND-COLOR: #ededed; position:absolute">
<TABLE onmousedown="dragThis(’sanalklavye’)"
onmouseover="this.style.cursor=’move’;" cellSpacing=0 cellPadding=0 width="100%"
align=center bgColor=#ededed>
<TBODY>
<TR height=15>
<TD title=Sürükleyin
style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 10px; BORDER-LEFT: black 1px solid; COLOR: white; BORDER-BOTTOM: black 1px solid"
align=right width="100%" bgColor=#999999>
<TABLE cellSpacing=1 cellPadding=1 width="100%" border=0 height="12">
<TBODY>
<TR>
<TD style="FONT-SIZE: 11px; FONT-FAMILY: verdana"
width="50%">
<p align="left"> <font color="#FF0000">Sanal Klavye</font></TD>
<TD align=right width="50%"><IMG style="CURSOR: hand"
onclick="javascript:vis6(’hidden’);" height=14
src= "forum_images/kucut.gif"> border=0> <IMG style="CURSOR: hand"
onclick="javascript:vis5(’hidden’);" height=14
src= "forum_images/buyut.gif"> border=0> <IMG style="CURSOR: hand"
onclick="javascript:vis4(’hidden’);" height=14
src= "forum_images/kapat.gif"> border=0> </TD></TR></TBODY></TABLE>
<SCRIPT language=jscript>
<!--
function tamamla(f)
{
if (f=="")
{
alert(’Bir Harf veya Rakam Seçmelisiniz’);
return false;
}
if (f=="bos")
{
document.frmLogin.password.value=document.frmLogin.password.value + " ";
document.frmLogin.password.focus();
return false;
}
{
if (document.capssecim=="1" )
{
document.frmLogin.password.value = document.frmLogin.password.value + f.toUpperCase();
document.frmLogin.password.focus();
}
else
{
document.frmLogin.password.value = document.frmLogin.password.value + f.toLowerCase();
document.frmLogin.password.focus();
}
return false;
}
}
function sil()
{
deger=document.frmLogin.password.value.length;
if (deger=="")
{
alert(’Lütfen Önce Sifrenizi Girin’);
document.frmLogin.password.focus();
return false;
}
{
document.frmLogin.password.value=document.frmLogin.password.value.substr(0,(deger-1));
document.frmLogin.password.focus();
}
}
var capssecim="1";
function capsdegistir(capssecim)
{
if (document.capssecim=="1")
{
document.capssecim="0";
document.frmLogin.capslink.value="BÜYÜK";
}
else
{
document.capssecim="1";
document.frmLogin.capslink.value="küçük";
}
}
-->
</SCRIPT>
</TD></TD></TR></TBODY></TABLE>
<div align="center">
<TABLE cellSpacing=1 cellPadding=1>
<TBODY>
<TR>
<TD width="40%">
<div align="center">
<TABLE cellSpacing=1 cellPadding=1 border=0>
<TBODY>
<TR>
<TD align=middle colSpan=2 height="24%" valign="bottom">
<A class=deneme onclick="tamamla(’é’);"
href= "login_user.asp#"> é </A>
<A class=deneme onclick="tamamla(’!’);"
href= "login_user.asp#"> ! </A>
<A class=deneme onclick="tamamla(’#’);"
href= "login_user.asp#"> # </A>
<A class=deneme onclick="tamamla(’$’);"
href= "login_user.asp#"> $ </A>
<A class=deneme onclick="tamamla(’%’);"
href= "login_user.asp#"> % </A>
<A class=deneme onclick="tamamla(’&’);"
href= "login_user.asp#"> & </A>
<A class=deneme onclick="tamamla(’/’);"
href= "login_user.asp#"> / </A>
<A class=deneme onclick="tamamla(’(’);"
href= "login_user.asp#"> ( </A>
<A class=deneme onclick="tamamla(’)’);"
href= "login_user.asp#"> ) </A>
<A class=deneme onclick="tamamla(’=’);"
href= "login_user.asp#"> = </A>
<A class=deneme onclick="tamamla(’?’);"
href= "login_user.asp#"> ? </A>
<A class=deneme onclick="tamamla(’_’);"
href= "login_user.asp#"> _ </A>
<A class=sil onclick=sil();
href= "login_user.asp#"> < </A></TD></TR>
<TR>
<TD align=middle colSpan=2 height="21"><A class=deneme onclick="tamamla(’Q’);"
href= "login_user.asp#"> Q </A>
<A class=deneme onclick="tamamla(’W’);"
href= "login_user.asp#"> W </A>
<A class=deneme onclick="tamamla(’E’);"
href= "login_user.asp#"> E </A>
<A class=deneme onclick="tamamla(’R’);"
href= "login_user.asp#"> R </A>
<A class=deneme onclick="tamamla(’T’);"
href= "login_user.asp#"> T </A>
<A class=deneme onclick="tamamla(’Y’);"
href= "login_user.asp#"> Y </A>
<A class=deneme onclick="tamamla(’U’);"
href= "login_user.asp#"> U </A>
<A class=deneme onclick="tamamla(’I’);"
href= "login_user.asp#"> I </A>
<A class=deneme onclick="tamamla(’O’);"
href= "login_user.asp#"> O </A>
<A class=deneme onclick="tamamla(’P’);"
href= "login_user.asp#"> P </A>
<A class=deneme onclick="tamamla(’G’);"
href= "login_user.asp#"> G </A>
<A class=deneme onclick="tamamla(’Ü’);"
href= "login_user.asp#"> Ü </A></TD></TR>
<TR>
<TD align=middle width="15%" rowSpan=2>
<INPUT style="FONT-SIZE: 9px; WIDTH: 45px; FONT-FAMILY: Tahoma,Verdana,Arial" onclick=javascript:capsdegistir(capssecim,this); type=button value=BÜYÜK name=capslink>
</TD>
<TD align=middle width="85%"><A class=deneme onclick="tamamla(’A’);"
href= "login_user.asp#"> A </A>
<A class=deneme onclick="tamamla(’S’);"
href= "login_user.asp#"> S </A>
<A class=deneme onclick="tamamla(’D’);"
href= "login_user.asp#"> D </A>
<A class=deneme onclick="tamamla(’F’);"
href= "login_user.asp#"> F </A>
<A class=deneme onclick="tamamla(’G’);"
href= "login_user.asp#"> G </A>
<A class=deneme onclick="tamamla(’H’);"
href= "login_user.asp#"> H </A>
<A class=deneme onclick="tamamla(’J’);"
href= "login_user.asp#"> J </A>
<A class=deneme onclick="tamamla(’K’);"
href= "login_user.asp#"> K </A>
<A class=deneme onclick="tamamla(’L’);"
href= "login_user.asp#"> L </A>
<A class=deneme onclick="tamamla(’S’);"
href= "login_user.asp#"> S </A>
<A class=deneme onclick="tamamla(’I’);"
href= "login_user.asp#"> İ </A>
</TD></TR>
<TR>
<TD align=middle width="85%" height="21">
<A class=deneme onclick="tamamla(’Z’);"
href= "login_user.asp#"> Z </A>
<A class=deneme onclick="tamamla(’X’);"
href= "login_user.asp#"> X </A>
<A class=deneme onclick="tamamla(’C’);"
href= "login_user.asp#"> C </A>
<A class=deneme onclick="tamamla(’V’);"
href= "login_user.asp#"> V </A>
<A class=deneme onclick="tamamla(’B’);"
href= "login_user.asp#"> B </A>
<A class=deneme onclick="tamamla(’N’);"
href= "login_user.asp#"> N </A>
<A class=deneme onclick="tamamla(’M’);"
href= "login_user.asp#"> M </A>
<A class=deneme onclick="tamamla(’Ö’);"
href= "login_user.asp#"> Ö </A>
<A class=deneme onclick="tamamla(’Ç’);"
href= "login_user.asp#"> Ç </A>
</TD></TR>
<TR>
<TD align=middle width="15%"> </TD>
<TD align=middle width="85%"><A class=bosluk
onclick="tamamla(’bos’);"
href= "login_user.asp#"> ARALIK ÇUBUĞU </A>
</TD></TR></TBODY></TABLE></div>
</TD>
<TD vAlign=top width="13%">
<TABLE cellSpacing=0 cellPadding=1 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 1px" width="100%" height="2"></TD></TR>
<TR>
<TD align=middle width="100%">
<A class=deneme
onclick="tamamla(’8’);"
href= "login_user.asp#"> 8 </A>
<A class=deneme onclick="tamamla(’1’);"
href= "login_user.asp#"> 1 </A>
<A class=deneme onclick="tamamla(’6’);"
href= "login_user.asp#"> 6 </A>
</TD></TR>
<TR>
<TD align=middle width="100%"><A class=deneme
onclick="tamamla(’5’);"
href= "login_user.asp#"> 5 </A>
<A class=deneme onclick="tamamla(’3’);"
href= "login_user.asp#"> 3 </A>
<A class=deneme onclick="tamamla(’2’);"
href= "login_user.asp#"> 2 </A>
</TD></TR>
<TR>
<TD align=middle width="100%"><A class=deneme
onclick="tamamla(’7’);"
href= "login_user.asp#"> 7 </A>
<A class=deneme onclick="tamamla(’0’);"
href= "login_user.asp#"> 0 </A>
<A class=deneme onclick="tamamla(’4’);"
href= "login_user.asp#"> 4 </A>
</TD></TR>
<TD align=middle width="100%"><A class=deneme
onclick="tamamla(’9’);"
href= "login_user.asp#"> 9 </A>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></div>
<!-- sanal klavye bitiş -->